<script setup lang="ts">
const props = defineProps<{
  start: { x: number; y: number };
  width: number;
  height: number;
}>();
</script>

<template>
  <div
    :style="{
      left: start.x + 'px',
      top: start.y + 'px',
      width: width + 'px',
      height: height + 'px'
    }"
    class="area"
  />
</template>

<style lang="scss" scoped>
.area {
  position: absolute;
  border: 1px solid #70c0ff;
}
</style>
